﻿div.jHtmlArea
{
	display: inline block;
}
div.jHtmlArea div
{
	padding: 0px;
	margin: 0px;
}
div.jHtmlArea .ToolBar
{
}
div.jHtmlArea .ToolBar ul
{
	border: solid 1px #ccc;
	margin: 1px;
	padding: 1px;
	float: left;
	background: #fff url(images/jHtmlArea_Toolbar_Group_BG.png) repeat-x;
}
div.jHtmlArea .ToolBar ul li
{
	list-style-type: none;
	float: left;
	border: none;
	padding: 1px;
	margin: 1px;
}
div.jHtmlArea .ToolBar ul li:hover
{
	border: solid 1px #ccc;
	background: #ddd url(images/jHtmlArea_Toolbar_Group__Btn_Select_BG.png);
	padding: 0;
}
div.jHtmlArea .ToolBar ul li a
{
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/jHtmlArea.png) no-repeat -16px -500px;
	border: none;
	cursor: pointer;
	padding: 0px;
}
div.jHtmlArea .ToolBar ul li a.highlighted
{
	border: solid 1px #aaa;
	background-color: #bbb;
	padding: 0;
}
div.jHtmlArea .ToolBar ul li.separator
{
	height: 16px;
	margin: 0 2px 0 3px;
	border-left: 1px solid #ccc;
}
div.jHtmlArea .ToolBar ul li.separator:hover
{
	padding: 1px;
	background-color: #fff;
	border-top: none;
	border-bottom: none;
	border-right: none;
}

div.jHtmlArea .ToolBar ul li a:hover
{
}
div.jHtmlArea .ToolBar ul li a.bold
{
	background-position: 0 0;
}
div.jHtmlArea .ToolBar ul li a.italic
{
	background-position: -16px 0;
}
div.jHtmlArea .ToolBar ul li a.underline
{
	background-position: -32px 0;
}
div.jHtmlArea .ToolBar ul li a.strikethrough
{
	background-position: -48px 0;
}
div.jHtmlArea .ToolBar ul li a.link
{
	background-position: -64px 0;
}
div.jHtmlArea .ToolBar ul li a.unlink
{
	background-position: -80px 0;
}
div.jHtmlArea .ToolBar ul li a.orderedlist
{
	background-position: -96px 0;
}
div.jHtmlArea .ToolBar ul li a.unorderedlist
{
	background-position: -112px 0;
}
div.jHtmlArea .ToolBar ul li a.image
{
	background-position: -128px 0;
}
div.jHtmlArea .ToolBar ul li a.cut
{
	background-position: -144px 0;
}
div.jHtmlArea .ToolBar ul li a.copy
{
	background-position: -160px 0;
}
div.jHtmlArea .ToolBar ul li a.paste
{
	background-position: -176px 0;
}

div.jHtmlArea .ToolBar ul li a.html
{
	background-position: -192px 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
div.jHtmlArea .ToolBar ul li a.html.highlighted
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div.jHtmlArea .ToolBar ul li a.h1
{
	background-position: 0 -16px;
}
div.jHtmlArea .ToolBar ul li a.h2
{
	background-position: -16px -16px;
}
div.jHtmlArea .ToolBar ul li a.h3
{
	background-position: -32px -16px;
}
div.jHtmlArea .ToolBar ul li a.h4
{
	background-position: -48px -16px;
}
div.jHtmlArea .ToolBar ul li a.h5
{
	background-position: -64px -16px;
}
div.jHtmlArea .ToolBar ul li a.h6
{
	background-position: -80px -16px;
}
div.jHtmlArea .ToolBar ul li a.subscript
{
	background-position: -96px -16px;
}
div.jHtmlArea .ToolBar ul li a.superscript
{
	background-position: -112px -16px;
}
div.jHtmlArea .ToolBar ul li a.indent
{
	background-position: -128px -16px;
}
div.jHtmlArea .ToolBar ul li a.outdent
{
	background-position: -144px -16px;
}
div.jHtmlArea .ToolBar ul li a.horizontalrule
{
	background-position: -160px -16px;
}
div.jHtmlArea .ToolBar ul li a.p
{
	background-position: -176px -16px;
}

div.jHtmlArea .ToolBar ul li a.justifyleft
{
	background-position: 0 -32px;
}
div.jHtmlArea .ToolBar ul li a.justifycenter
{
	background-position: -16px -32px;
}
div.jHtmlArea .ToolBar ul li a.justifyright
{
	background-position: -32px -32px;
}
div.jHtmlArea .ToolBar ul li a.increasefontsize
{
	background-position: -48px -32px;
}
div.jHtmlArea .ToolBar ul li a.decreasefontsize
{
	background-position: -64px -32px;
}
div.jHtmlArea .ToolBar ul li a.forecolor
{
	background-position: -80px -32px;
}

div.jHtmlAreaColorPickerMenu
{
	border: solid 1px #bbb;
	background-color: #ddd;
	width: 112px;
}
div.jHtmlAreaColorPickerMenu div
{
	float: left;
	margin: 2px;
	width: 12px;
	height: 14px;
}
div.jHtmlAreaColorPickerMenu div:hover
{
	margin: 0px;
	border: dotted 2px black;
}

div.jHtmlAreaColorPickerMenu div.automatic
{
	width: 104px;
	height: auto;
	padding: 2px;
}
div.jHtmlAreaColorPickerMenu div.automatic div
{
	margin: 2px;
	width: 12px;
	height: 14px;
	border: solid 1px black;
}